<template>
  <div>
    <Menu mode="horizontal" :theme="theme1" active-name="1">
      <MenuItem name="1" to="/">
        <Icon type="ios-paper" />
        首页
      </MenuItem>
      <MenuItem name="2" to='/blog/Home'>
        <Icon type="ios-people" />
        博客管理
      </MenuItem>
      <Submenu name="3">
        <template slot="title">
          <Icon type="ios-construct" />
          工具
        </template>
        <MenuGroup title="格式类">
          <MenuItem name="3-1" to="/tools/JsonParse">Json解析</MenuItem>
          <MenuItem name="3-2">接口数据解析</MenuItem>
        </MenuGroup>
        <MenuGroup title="加解密">
          <MenuItem name="3-3" to="/tools/Hash">摘要算法</MenuItem>
          <MenuItem name="3-4" to="/tools/Bal">对称加密</MenuItem>
          <MenuItem name="3-5" to="/tools/Inbal">非对称加密</MenuItem>
        </MenuGroup>
      </Submenu>
      <MenuItem name="4">
        <Icon type="ios-stats" />
        综合内容
      </MenuItem>
    </Menu>
    <router-view />
  </div>
</template>
<script>
export default {
  data() {
    return {
     theme1:'dark'
    };
  },
};
</script>
